<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>logo.png" />
    <title>商户业务管理平台</title>
    <style>
        /* .el-input__inner {
            height: 38px !important;
            line-height: 38px !important;
        } */

        .el-input-number .el-input__inner {
            height: 40px !important;
            line-height: 40px !important;
        }

        .el-loading-mask {
            position: absolute;
            z-index: 2000;
            background-color: rgba(255, 255, 255, 0.9);
            margin: 0;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: opacity 0.3s;
        }

        .el-dialog__body {
            padding: 20px !important;
        }

        .el-loading-spinner {
            top: 50%;
            margin-top: -21px;
            width: 100%;
            text-align: center;
            position: absolute;
        }

        .el-loading-spinner .circular {
            height: 42px;
            width: 42px;
            animation: loading-rotate 2s linear infinite;
        }

        .el-loading-spinner .path {
            animation: loading-dash 1.5s ease-in-out infinite;
            stroke-dasharray: 90, 150;
            stroke-dashoffset: 0;
            stroke-width: 2;
            stroke: #0cc2aa;
            stroke-linecap: round;
        }

        @keyframes loading-rotate {
            to {
                transform: rotate(1turn);
            }
        }
        .xftTitle .box .title{
            font-size: 14px;
            color: #999;
        }
        body{
            margin: 0 !important;
            background: #F4F4F4;
        }
        .xftItem{
            margin: 10px;
            background: #fff;
            padding: 15px 15px 25px;
            border-radius: 5px;
        }
        .xftItem .el-form-item__label{
            width: 100%;
            font-size: 16px;
            font-weight: 500;
            color: #333;
        }
        .xftItem .el-radio-group .el-radio,.xftItem .el-checkbox-group .el-checkbox{
            width: 100%;
            margin: 10px 0;
        }
        .xftItem .el-upload-list--picture-card .el-upload-list__item,.xftItem .el-upload--picture-card{
            width: 70px;
            height: 70px;
            line-height: 70px;
        }
        .sub-btn{
            width: calc(100% - 20px);
            height: 49px;
            padding: 0 !important;
            line-height: 50px !important;
            margin: 15px 10px !important;
            background: #0078FD !important;
            font-size: 18px !important;
            border-radius: 25px !important;
        }
        .xftItem .el-checkbox__inner{
            width: 18px;
            height: 18px;
            border: 1px solid #ccc;
        }
        .xftItem .el-radio__inner{
            width: 18px;
            height: 18px;
            border: 1px solid #ccc;
        }
        .xftItem .el-radio__input.is-checked .el-radio__inner{
            background: #fff;
        }
        .xftItem .el-radio__inner::after{
            width: 10px;
            height: 10px;
            background: #0078FD;
        }
        .xftItem .el-checkbox__inner::after{
            width: 6px;
            height: 10px;
            border-width: 2px;
            left: 4px;
            top: 0px;
        }
    </style>
    <!-- require cdn assets css -->
    <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
    <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
    <% } %>
</head>

<body>
    <noscript>
        <strong>We're sorry but 星富通 doesn't work properly without JavaScript
            enabled. Please enable it to continue.</strong>
    </noscript>

    <div id="previewApp"></div>
    <!-- require cdn assets js -->
    <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
    <script type="text/javascript" src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
    <% } %>
    <!-- built files will be auto injected -->
</body>

</html>